
<?php session_start();

if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
if (empty($_REQUEST['cliente']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
require '../../config.php';

$registros=mysql_query("select * from  clientesventas where idclientesventas='".$_REQUEST['cliente']."' limit 1");
if (mysql_num_rows($registros) > 0)

{
	$data = array();
	
	$row = mysql_fetch_array($registros);

		$data[] = $row['idclientesventas'];//0
		$data[] = _convert($row['nombre']);
		$data[] = _convert($row['direccion']);//2
		$data[] = $row['ruc'];//3
		$data[] = $row['dv'];
		mysql_close();
	
}
function _convert($content) {
		if(!mb_check_encoding($content, 'UTF-8')
		OR !($content === mb_convert_encoding(mb_convert_encoding($content, 'UTF-32', 'UTF-8' ), 'UTF-8', 'UTF-32'))) {
	
			$content = mb_convert_encoding($content, 'UTF-8');
	
			if (mb_check_encoding($content, 'UTF-8')) {
				// log('Converted to UTF-8');
			} else {
				// log('Could not converted to UTF-8');
			}
		}
		return $content;
	}
?>
<!DOCTYPE html>
<head>
<title>Formulario Aprobaci&oacute;n</title>
<link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
   	<link href="../../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
   	
	<script type="text/javascript" src="../../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.js"></script> 
	
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/jquery.ui.datepicker.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/toastr.min.js"></script> 
    <link href="../../bootstrap/css/toastr.min.css" rel="stylesheet">  
</head>
<script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'yy-mm-dd',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fecha").datepicker(jQueryDatePicker1Opts);
		   $("#fechafin").datepicker(jQueryDatePicker1Opts);
		  
		});
</script>
<body id="main_body" >
<div id="a_header" >
		<div class="container">
			<div class="row">
				<div >
					<a href="#">
					<img src="../../imagenes/CRM HV alta.png" width="175" height="110" style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y Gesti&oacute;n de Clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>			
			</div>
		</div>
 	</div> <!--  fin header -->
<div style="background-color:blue; height:3px;"></div>
	<img id="top" src="../../imagenes/top.png" alt="">
	<div id="form_container"  style="background-color: #f2f9f2" >
		<h1><a style="background-color: #00f"></a></h1>
		
		<form id="formulario" name="formulario"  style="background-color: #f2f9f2" >
					<div class="form_description">
			<h2>Formulario para Conversi&oacute;n a Cliente Activo</h2>
			<p><strong>Datos del Cliente:</strong></p>
		</div>						
			<ul >
		
			
		<li  >
		<label class="description" for="nombrecliente">Nombre de cliente o empresa: </label>
		<div>
			<input id="nombrecliente" value="<?php echo $data[1];?>" disabled name="element_44d" class="element text medium" type="text" maxlength="30" size="30">
		</div> 
		
		</li>
		<div  id="liruc">
		<li >
		<label class="description" for="ruc">RUC: </label>
		<div>
			<input id="ruc"   name="element_44" value="<?php echo $data[3];?>" disabled  class="element text medium" type="text" maxlength="20">
		</div> 
		
		</li>
		<li   >
		<label class="description" for="dv">DV: </label>
		<div>
			<input id="dv" name="element_44" class="element text" value="<?php echo $data[4];?>" disabled  type="text" maxlength="5" size="5">
		</div> 
		
		</li>  
		</div>
		<li><div>
			<label class="description" for="element_72">Direcci&oacute;n: </label>
			<input id="direccion" name="element_72" class="element text medium" maxlength="250" value="<?php echo $data[2];?>" disabled type="text">
		</div>
		</li>
			
		
		
		<li  ><legend>Propuesta Aceptada</legend>
											<label class="description" for="vendedor">Vendedor asignado: </label>
											<div>
												<select id ="vendedor" class= "element select" >
																
												</select> 
												
												<script type="text/javascript">
												
												window.onload = function cargarVendedores(){
													
													 $(function () 
															  {
														      var ajax_data = {
																  "id"     : 'vendedor',
																};
															    $.ajax({                                      
															      url: 'cargarvendedores.php', 
															      data: ajax_data,                    
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('vendedor').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=3)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" " +data[f+2]+"</option>").appendTo("#vendedor");
																		} 
																		 
																	}
															      }
															    });
															  });
													 cargarPropuestas();
													 window.name="4";
												}
											</script>
											</div> 
											
											</li>
											<li>
												<label class="description" for="propuesta">Propuesta: </label>
												<select id ="propuesta" class= "element select" >			
												</select>
												<script type="text/javascript">
												
												function cargarPropuestas(){
													
													 $(function () 
															  {
														      
															    $.ajax({                                      
															      url: 'cargarpropuestas.php',           
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('propuesta').innerHTML="No hay data.";
																	}
																	else
																	{
																		
																		 for(f=0;f<data.length;f+=4)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" " +data[f+2]+" " +data[f+3]+"</option>").appendTo("#propuesta");
																		} 
																		 
																	}
															      }
															    });
															  });
													 
												}
											</script>
											</li>
											
											<li>
											<label class="description" for="pauta">Tiempo de Pauta: </label>
											<span>
												<select id ="pauta" class= "element select" >	
												<option value="1">Semanal</option>	
												<option value="2">Quincenal</option>
												<option value="3">Mensual</option>
												<option value="4">Trimestral</option>
												<option value="5">Anual</option>	
												</select>
											</span>
											
												
											</li>
											
											<li >
											<label class="description" for="forma">Forma de pago: </label>
											<span>
												<select id ="forma" class= "element select" >	
												<option value="1">Efectivo</option>	
												<option value="2">Intercambio</option>	
												</select>
											</span>
											 
											</li>	
													
											<li>
											<legend>Aspecto Financiero</legend>
											<label class="description" for="monto">Monto total: </label>
											<span>
												<input id="monto" required  class="element text" size="10" maxlength="10" value="0" type="text" onkeyUp="return ValNumero(this);" >
											
											<label class="description" for="monto2">Abono Inicial: </label>
											
												<input id="monto2"  required  class="element text" size="10" maxlength="10" value="0" type="text" onkeyUp="return ValNumero(this);" >
											
											<label class="description" for="letras">Cantidad de Pagos: </label>
											
												<input id="letras"  required  class="element text" size="10" maxlength="10" value="0" type="number" onkeyUp="return ValNumero(this);" onchange="return ValNumero(this);" >
											</span>
											<li><div>
											
											<label class="description" for="element_722q">Fecha de Finalizaci&oacute;n: </label>
											<input id="fechafin" name="element_722q" class="element text medium" maxlength="250" value="" type="text">
										</div>
										</li>
											<li><div>
											
											<label class="description" for="element_722">Pr&oacute;xima Fecha de Pago: </label>
											<input id="fecha" name="element_722" class="element text medium" maxlength="250" value="" type="text">
										</div>
										</li>
										<li >
										<legend></legend>
											<label class="description" >Observaci&oacute;n: </label>
											<span>
												<textarea rows="10" cols="75" id="obs"></textarea>
											</span>
											 
											</li>	
										
		<legend></legend>
		<li class="buttons">
		<input id="enviar" class="btn btn-success" type="button"  value="Convertir a Activo" onclick="convertir();" />
		<input id="cancelar" class="btn btn-warning" type="button" name="cancelar" value="Cancelar" onclick="regresar();" />
		</li>
			</ul>
		</form>	
		
	</div>
	<img id="bottom" src="../../imagenes/bottom.png" alt="">
	<!--  footer -->
   <img id="bottom" src="../../imagenes/top.png" alt="">
    <img id="bottom" src="../../imagenes/bottom.png" alt="">
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p><strong>Desarrollado por:</strong></p>
					<a href="http://www.3tech-panama.com"><img src="../../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			    </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
	</body>
	
<script type="text/javascript">

function convertir()

{
	    var codcli = "<?php echo $data[0]; ?>";
		var vendedor = document.getElementById('vendedor').value;
		var propuesta = document.getElementById('propuesta').value;
		var pauta = document.getElementById('pauta').value;
		var forma = document.getElementById('forma').value;
		var monto = document.getElementById('monto').value;
		var monto2 = document.getElementById('monto2').value;
		var letras = document.getElementById('letras').value;
		var fecha = document.getElementById('fecha').value;
		var fechafin = document.getElementById('fechafin').value;
		var observacion = document.getElementById('obs').value;

		if(monto <= 0){ alertar("El Monto no puede ser Cero","warning");return;}
		if(fechafin == ""){ alertar("Falta Fecha de Finalizaci\u00f3n","warning");return;}
		
					
		if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
    	else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		
    xmlhttp.open("GET","reg-aactivo.php?cliente="+codcli+"&propuesta="+propuesta+"&vendedor="+vendedor+"&pauta="+pauta+"&forma="+forma+
    		"&monto="+monto+"&abono="+monto2+"&letras="+letras+"&observacion="+observacion+"&fecha="+fecha+"&fechafin="+fechafin, false);
    xmlhttp.send();
	
	 var hostInfo="";
    hostInfo = xmlhttp.responseText;
    
	 if(hostInfo == "ok")
	{
	 	
		
		    window.name="3";
			document.location.href="seguimiento.php";
			return;
	}
	else
	{
		alertar(hostInfo,"danger");
		return false;
	}   
			
		
	}
function regresar() {
	document.location.href="seguimiento.php";
}
function Solo_Numero(obj)
{
  Numero=obj;
  if (isNaN(Numero))
	  {
            return "";
      }
  if(Numero < 0) return "";
   return Numero;
 }
function ValNumero(Control)
{
    Control.value=Solo_Numero(Control.value);
}

alertar("Datos cargados","info");
</script>
<?php 

			if($data[4]=="" or $data[3]=="" )
			{
				?>
				 <script type="text/javascript">window.name="5";document.location.href="seguimiento.php?origen=5";</script>  
				 <?php
			}
	   	    
		?>
</html>
